.main-content {
  background: #F9F9F9;
  padding: 20px 30px;
  position: relative;

  .small-div {
    width: 90%;
    height: 100px;
    background: #ffffff;
    margin: 10px auto;
    border-radius: 2px;
    box-shadow: 0 0 12px #ccc;
    padding: 10px 20px;

    p {
      font-size: 16px;
      line-height: 24px;
      color: #999999;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    div{
      font-size: 22px;

      span{
        font-size: 2.7rem;
        //font-size: 34px;
        margin-right: 10px;

        &.dataNum {
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
        }
      }
    }

    .temperature-data {
     //color: #FF7F00;
      color:#70AD47;
    }
    .power-usage-data{
      color:#70AD47;
    }
    .real-humidity-data{
      //color:#FF0000;
      color:#70AD47;
    }
    .space-usage-data {
      //color: #666666;
      color:#70AD47;
    }
    .compute-power-data, .total-memory-data, .total-storage-data {
       color: #4285F4;
      //color:#70AD47;
    }
    .Normal {
      color:#70AD47;
    }

    .Critical {
      color:#FF0000;
    }
  }

  .notifications {
    width: 97%;
    height: 760px;
    background: #ffffff;
    margin: -10px auto;
    border-radius: 2px;
    box-shadow: 0 0 12px #ccc;
  }

  .pue,.power {
    width: 97%;
    height: 310px;
    background: #ffffff;
    margin: 10px auto;
    border-radius: 2px;
    box-shadow: 0 0 12px #ccc;
  }


}


/* 自适应 */
@media (min-width: 768px) {

  .main-content{

    .small-div {
      width: 91%;
    }

  }

}


